<template>
	<div id="app">
		<fheader></fheader>
		<!--<keep-alive>-->
		<router-view></router-view>
		<!--</keep-alive>-->
		<ffooter v-if="!hiddenFoot"></ffooter>
	</div>
</template>
<script>
	import Fheader from './components/Fheader.vue'
	import Fnav from './components/Fnav.vue'
	import Home from './views/Home.vue'
	import Ffooter from './components/Ffooter.vue'
	export default {
		components: {
			Fheader,
			Fnav,
			Home,
			Ffooter	
		},
		computed:{
			hiddenFoot(){
				return this.$store.state.hiddenFoot
			}
		},
		watch:{
			$route(newValue){
				console.log(newValue)
				if(newValue.name=="Fcontent"){
					this.$store.commit("setHiddenFoot",false);
					this.$store.commit("setHTitle",{hTitle:"猫眼电影"})
				}
			}

		}
	}
</script>
<style lang="scss">
	
	#app {
		font-family: 'Avenir', Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		/*text-align: center;*/
		color: #2c3e50;
		/*margin-top: 90px;
		margin-bottom: 30px;*/
	}
	
	#nav {
		padding: 30px;
		a {
			font-weight: bold;
			color: #2c3e50;
			&.router-link-exact-active {
				color: #42b983;
			}
		}
	}
	
</style>